{#
 This Source Code Form is subject to the terms of the Mozilla Public
 License, v. 2.0. If a copy of the MPL was not distributed with this
 file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

<section class="m24-c-showcase m24-t-pink">
  <div class="m24-c-content">
    <header class="m24-c-showcase-text">
      <h2 class="m24-c-showcase-title">{{ ftl('m24-home-state-of-mozilla') }}</h2>
      <p class="m24-c-showcase-body">{{ ftl('m24-home-mozilla-is-reinventing-itself') }}</p>
    </header>

    <div class="m24-c-showcase">
      <div class="m24-c-showcase-media">
        <img loading="lazy" src="{{ static('img/home/2024/showcase/showcase-som.svg') }}" class="m24-c-menu-item-icon" width="1376" height="590" alt="{{ ftl('m24-home-state-of-mozilla-alt') }}">
      </div>
    </div>

    <header class="m24-c-showcase-text m24-l-two-columns">
      <h3 class="m24-c-showcase-subtitle">2024</h3>

      <p class="m24-c-showcase-body m24-c-section-cta">
        <a href="{{ url('foundation.annualreport.2024.index') }}" class="m24-c-cta" rel="external noopener" data-cta-text="Read the report">{{ ftl('m24-home-read-the-report') }}</a>
      </p>
    </footer>

  </div>
</section>
